<template>
  <div>main</div>
<!--  <a-table :columns="columns" :data="data" :row-selection="rowSelection" :virtual-list-props="{height:400}"-->
<!--           :pagination="false" :scroll="{x:500}"/>-->
</template>

<script setup>
import {reactive} from 'vue';

const rowSelection = reactive({
  type: 'checkbox',
  showCheckedAll: true,
  onlyCurrent: false,
});

const columns = [
  {
    title: '文件名',
    dataIndex: 'name',
    ellipsis: true,
    tooltip: true,

  },
  {
    title: '修改时间',
    dataIndex: 'salary',
    width: 150,
  },
  {
    title: '大小',
    dataIndex: 'address',
    ellipsis: true,
    width: 120,
  }
];
const data = [{
  key: '1',
  name: 'Jane Doe',
  salary: 23000,
  address: '32.3M',
  email: 'jane.doe@example.com'
}, {
  key: '2',
  name: 'Alisa Ross',
  salary: 25000,
  address: '32.3M',
  email: 'alisa.ross@example.com'
}, {
  key: '3',
  name: 'Kevin Sandra',
  salary: 22000,
  address: '32.3M',
  email: 'kevin.sandra@example.com'
}, {
  key: '4',
  name: 'Ed Hellen',
  salary: 17000,
  address: '32.3M',
  email: 'ed.hellen@example.com'
}, {
  key: '5',
  name: 'William Smith',
  salary: 27000,
  address: '32.3M',
  email: 'william.smith@example.com'
}
  , {
    key: '6',
    name: 'William Smith',
    salary: 27000,
    address: '32.3M',
    email: 'william.smith@example.com'
  }
  , {
    key: '6',
    name: 'William Smith',
    salary: 27000,
    address: '32.3M',
    email: 'william.smith@example.com'
  }
  , {
    key: '6',
    name: 'William Smith',
    salary: 27000,
    address: '32.3M',
    email: 'william.smith@example.com'
  }


]

</script>
